﻿@using MvcDeviceManager.Models
@using System.Web.Optimization
@helper treeMenu(IList<Menu> list)
{
    foreach (MvcDeviceManager.Models.Menu menu in list)
    {
        <li>
        @if(menu.Children!=null && menu.Children.Count > 0)
        {
            <div>@menu.MenuName</div>
            <ul>
            @treeMenu(menu.Children)
            </ul>
        }else{
             <a href="@Url.Content(@menu.Url)" target="content">@menu.MenuName</a>
        }
        </li>
    }
}
@{
    ViewBag.Title = "Menu";
}
<link href="@Url.Content("~/Content/menu.css")" rel="stylesheet"/>
<script type="text/javascript">
    $(function () {
        $.fn.acc = function () {
            var con = $(this);
            var lis = con.children("li");
            $.each(lis, function (i, item) {
                var header = $(item).children("div").addClass("header")
                .bind("click", function () {
                    var cur = $(this);
                    if (cur.hasClass("active")) {
                        return;
                    }
                    con.find(".active").removeClass("active").next().toggle("slow");
                    cur.addClass("active").next().toggle("slow");
                });
                lis.find("ul").addClass("content");
                if (i == 0) {
                    header.addClass("frist");
                }
                if (i == lis.length - 2) {
                    header.addClass("last");
                }

            });
        }
        $.fn.acc1 = function () {
            $(document).b
            var con = $(this);
            var lis = con.children("li");
            $.each(lis, function (i, item) {
                var header = $(item).children("div").addClass("header")
                .bind("click", function () {
                    var cur = $(this);
                    if (cur.hasClass("active")) {
                        return;
                    }
                    con.find(".active").removeClass("active").next().toggle("slow");
                    cur.addClass("active").next().toggle("slow");
                });
                lis.find("ul").addClass("content");
                if (i == 0) {
                    header.addClass("frist");
                }
                if (i == lis.length - 2) {
                    header.addClass("last");
                }

            });
        }
        $(".menu").acc();
    });

</script>
<style type="text/css">
body
{
    background-color:#1873aa;
}
</style>
<ul class="menu">
@treeMenu((IList<Menu>)@Session["menu"])
</ul>